<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1" />
		<title>首页</title>
		<!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/upload.css" />
		<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
		<link rel="stylesheet" href="css/index.css">
	</head>

	<body>
		<!--header start-->
		<header>
			<div class="top_bar">
				<div class="left_top_bar fl">
					<div class="welcome fl">城市矿山首页，欢迎来到城市矿山</div>
					<div class="login fl">
						<a href="#">请登录</a>
					</div>
					<div class="register fl">
						<a href="#">免费注册</a>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="right_top_bar fr">
					<div class="nav_top_bar fl">
						<ul>
							<li class="fl">
								<a href="#">我的城市矿山</a>
							</li>
							<li class="fl">
								<a href="#">个人中心</a>
							</li>
							<li class="fl">
								<a href="#">帮助中心</a>
							</li>
							<li class="fl">
								<a href="#">在线客服</a>
							</li>
							<div class="clearfix"></div>
						</ul>
					</div>
					<div class="tel_top_bar fl">
						<div class="tel">400-0660-567（8：30-17：30）</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="menu">
				<div class="main_menu">
					<div class="logo_menu fl">
						<a href="#"><img src="images/logo_menu.png"></a>
					</div>
					<div class="nav_menu fr">
						<ul>
							<li class="fl current">
								<a href="index.html">首页</a>
							</li>
							<li class="fl">
								<a href="steel.html">商城</a><i></i></li>
							<li class="fl">
								<a href="resource.html">资源</a>
							</li>
							<li class="fl">
								<a href="spot.html">现货</a>
							</li>
							<li class="fl">
								<a href="#">产品介绍</a>
							</li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</header>
		<!--header end-->
		<!-- banner -->
		<div class="swiper-container1">
			<div class="main_change_list">
				<div class="main_change">
					<ul class="product_list" id="product_list">
						<li class="li_active">钢铁</li>
						<li>纸</li>
						<li>家电</li>
					</ul>
					<div class="li_6">
						<div class="product_main">
							<form action="">
								<label for="product_city">全国</label>
								<select name="" id="product_city">
									<option value="">请选择</option>
									<option value="TIANJIN">天津市</option>
									<option value="BEIJING">北京市</option>
									<option value="SHANGHAI">上海市</option>
									<option value="GUANGZHOU">广州市</option>
									<option value="SHENZHEN">深圳市</option>
									<option value="SHIJIAZHUANG">石家庄</option>
								</select>
								<label class="li_7" for="product_ming">品名</label>
								<select name="" id="product_ming">
									<option value="">请选择</option>
									<option value="重型废钢">重型废钢</option>
									<option value="统料废钢">统料废钢</option>
									<option value="中型废钢">中型废钢</option>
									<option value="薄型废钢">薄型废钢</option>
									<option value="小型废钢">小型废钢</option>
								</select>

								<div class="li_8">
									<label for="">材质</label>
									<input id="input_type" type="text">
									<label class="li_9" for="">钢厂</label>
									<input id="input_text" type="text">

								</div>
								<div class="search" id="search">搜&nbsp;索</div>
								<div class="product_shuoming">
									<img src="images/mofang.png" alt="">
									<span>海量现货库存</span>
									<img class="li_10" src="images/zhun.png" alt="">
									<span>供求精准匹配</span>
									<img class="li_11" src="images/zan.png" alt="">
									<span>每天60000+使用</span>
								</div>
							</form>
						</div>
						<div class="product_main" style="font-size: 24px; text-align: centers;">
							抱歉！废纸功能正在完善
						</div>
						<div class="product_main">
							<form action="">
								<label for="product_city">全国</label>
								<select name="" id="product_city2">
									<option value="">请选择</option>
									<option value="TIANJIN">天津市</option>
									<option value="BEIJING">北京市</option>
									<option value="SHANGHAI">上海市</option>
									<option value="GUANGZHOU">广州市</option>
									<option value="SHENZHEN">深圳市</option>
									<option value="SHIJIAZHUANG">石家庄</option>
								</select>
								<label class="li_12" for="product_ming">品名</label>
								<select name="" id="product_ming2">
									<option value="">请选择</option>
									<option value="废旧洗衣机">废旧洗衣机</option>
									<option value="废旧电冰箱">废旧电冰箱</option>
									<option value="废旧空调器">废旧空调器</option>
									<option value="废旧计算机">废旧计算机</option>
									<option value="废旧电冰柜">废旧电冰柜</option>
									<option value="废旧电视机">废旧电视机</option>
								</select>

								<div class="li_13">
									<label for="">规格</label>
									<select class="gui" id="input_type2" style="width:140px"></select>
									<label class="li_14" for="">拆解厂</label>
									<input id="input_text2" type="text">

								</div>
								<div class="search" id="search2">搜&nbsp;索</div>
								<div class="product_shuoming">
									<img src="images/mofang.png" alt="">
									<span>海量现货库存</span>
									<img class="li_15" src="images/zhun.png" alt="">
									<span>供求精准匹配</span>
									<img class="li_16" src="images/zan.png" alt="">
									<span>每天60000+使用</span>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
			<div class="swiper-wrapper banners">
				<div class="swiper-slide banner_tu"></div>
				<div class="swiper-slide banner_tu1"></div>
				<div class="swiper-slide banner_tu2"></div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>
		</div>

		<!-- banner end -->
		<!-- banner 下的导航 -->
		<div class="main_header_navbar">
			<a href="">
				<div class="main_navbar_box">
					<div class="main_box_bt">
						<div class="main_bt_fl">
							<img src="images/shopcar.jpg" alt="">
						</div>
						<div class="main_bt_fr">
							<h2 class="main_box_h3 h3_active">求&nbsp;&nbsp;购</h2>
							<p class="main_fr_type">型号不限/废钢铁</p>
							<p class="main_fr_user" class="li_17">
								<span>求购者:</span>
								<span>张某某</span>
							</p>
							<p class="main_fr_user">
								<span>交易状态:</span>
								<span>已完成</span>
							</p>
						</div>
					</div>
				</div>
			</a>
			<a href="">
				<div class="main_navbar_box">
					<div class="main_box_bt">
						<div class="main_bt_fl">
							<img src="images/shopcar1.jpg" alt="">
						</div>
						<div class="main_bt_fr">
							<h2 class="main_box_h3">求&nbsp;&nbsp;购</h2>
							<p class="main_fr_type">型号不限/废家电</p>
							<p class="main_fr_user" class="li_17">
								<span>求购者:</span>
								<span>张某某</span>
							</p>
							<p class="main_fr_user">
								<span>交易状态:</span>
								<span>买家订单审核中</span>
							</p>
						</div>
					</div>
				</div>
			</a>
			<a href="">
				<div class="main_navbar_box">
					<div class="main_box_bt">
						<div class="main_bt_fl">
							<img src="images/shopcar2.jpg" alt="">
						</div>
						<div class="main_bt_fr">
							<h2 class="main_box_h3">求&nbsp;&nbsp;购</h2>
							<p class="main_fr_type">型号不限/废纸</p>
							<p class="main_fr_user" class="li_17">
								<span>求购者:</span>
								<span>张某某</span>
							</p>
							<p class="main_fr_user">
								<span>交易状态:</span>
								<span>已完成</span>
							</p>
						</div>
					</div>
				</div>
			</a>
			<a href="">
				<div class="main_navbar_box">
					<div class="main_box_bt">
						<div class="main_bt_fl">
							<img src="images/shopcar2.jpg" alt="">
						</div>
						<div class="main_bt_fr">
							<h2 class="main_box_h3">求&nbsp;&nbsp;购</h2>
							<p class="main_fr_type">型号不限/废铜</p>
							<p class="main_fr_user" class="li_17">
								<span>求购者:</span>
								<span>张某某</span>
							</p>
							<p class="main_fr_user">
								<span>交易状态:</span>
								<span>买家订单审核中</span>
							</p>
						</div>
					</div>
				</div>
			</a>

		</div>
		<!-- banner 下的导航end -->
		<!-- 免费在线找货 -->
		<div class="main_search">
			<div class="main_search_box">
				<img src="images/main_search.png" alt="">
				<a href="#" class="li_18">
					<img src="images/main_search_1.png" alt="">
				</a>
			</div>
		</div>
		<!-- end免费在线找货 -->
		<!-- 主体曲线图 -->
		<div class="main_pic_box">
			<div class="main_pic">
				<div class="main_pic_nav">
					<p class="main_pic_img">
						<img src="images/quxian.jpg" alt="">
					</p>
					<p class="main_pic_zhi">城市矿山指数</p>
					<p class="main_pic_zhong mg-top-8">
						重点项目推荐
					</p>
					<p class="main_pic_geng">每 天 9: 30-10: 30 更新价格，12: 00/16: 30 更新指数</p>
					<p class="main_pic_more">
						<a href="#" class="li_19">更多</a>
					</p>
				</div>
				<div class="swiper-container2 li_22">
					<p class="main_title">天津地区 • 废钢铁</p>
					<div class="swiper_container2_inner" id="swiper-container2">
						<div class="swiper-wrapper" id="swiper_feitie">

						</div>
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					</div>
				</div>
				<!-- 废铁曲线图 -->
				<div class="swiper-container2" id="scrap">

				</div>
				<!-- end废铁曲线图 -->
				<!-- 废纸 -->
				<div class="swiper-container2 li_22">
					<p class="main_title">天津地区 • 废纸</p>
					<div class="swiper_container2_inner" id="swiper-container3">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<div class="main_list_flex">
									<p class="main_list_money">
										<span class="main_list_red">2190</span><span>&nbsp元</span>
									</p>
									<p class="main_list_text">箱板A级</p>
								</div>
								<div class="main_list_flex">
									<p class="main_list_money">
										<span class="main_list_red">2090</span><span>&nbsp元</span>
									</p>
									<p class="main_list_text">箱板B级</p>
								</div>
								<div class="main_list_flex">
									<p class="main_list_money">
										<span class="main_list_red">2010</span><span>&nbsp元</span>
									</p>
									<p class="main_list_text">箱板C级</p>
								</div>
								<div class="main_list_flex">
									<p class="main_list_money">
										<span class="main_list_red">1910</span><span>&nbsp元</span>
									</p>
									<p class="main_list_text">箱板统货</p>
								</div>
								<div class="main_list_flex">
									<p class="main_list_money">
										<span class="main_list_red">2290</span><span>&nbsp元</span>
									</p>
									<p class="main_list_text">大花统货</p>
								</div>
								<div class="main_list_flex">
									<p class="main_list_money">
										<span class="main_list_red">2340</span><span>&nbsp元</span>
									</p>
									<p class="main_list_text">混合白纸</p>
								</div>
							</div>
						</div>
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					</div>
				</div>
				<!-- end -->
				<!-- 废纸曲线图 -->
				<div class="swiper-container2" id="paper">

				</div>
				<!-- end废铁曲线图 -->
				<!-- 废家电 -->

				<div class="swiper-container2 li_22">
					<p class="main_title">天津地区 • 废家电</p>
					<div class="swiper_container2_inner" id="swiper-container4">
						<div class="swiper-wrapper" id="swiper_jiadian">
							<!--<div class="swiper-slide">
								<ul class="jd_ul">
									<li>
										<p class="jd_type_title">废家电</p>
										<div class="jd_col_content">
											<p>
												<span class="jd_size">25寸</span>
												<span class="jd_price_wrap">
													<span>85</span>
													元/台
												</span>
														
											</p>
											<p>
												<span class="jd_size">25寸</span>
												<span class="jd_price_wrap">
													<span>85</span>
													元/台
												</span>
											</p>
										</div>
									</li>
									
								</ul>
							</div>-->
						</div>
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					</div>
				</div>

				<!-- end -->
				<!-- 废家电曲线图 -->
				<div class="swiper-container2" id="appliance">

				</div>
				<!-- end废家电曲线图 -->
			</div>
			<div class="main_pic_1">
				<a href="">
					<img src="images/help.png" alt="">
				</a>
				<div class="main_pic_result">
					<div class="main_result_box main_result_box1 zr_li">
						<p class="main_result_people">
							累计服务人数
						</p>
						<p class="main_result_parent">
							<span class="main_result_num">28951</span>
							<span class="main_result_dan">位</span>
						</p>
					</div>

				</div>
				<a class="main_zhaopin" href="">
					<img src="images/zhaopin.png" alt="">
				</a>
				<div class="main_pic_recommend">
					<div class="li_1">
						<span>
                    <img src="images/xingxing.png" alt="">
                </span>
						<span class="li_2">精选推荐</span>
					</div>
					<div id="product_type">

					</div>
				</div>
			</div>
		</div>
		<!-- end主体曲线图 -->
		<!-- 友情链接 -->
		<div class="main_zanzu">
			<p class="li_3">
				<span class="main_youqing">友情链接</span>
				<a class="main_ruzhu" href="">供应商入驻 ></a>
			</p>
			<div class="main_line"></div>
			<div class="li_4">
				<ul class="main_zanzhu_ul">
					<li class="main_zanzhu_li">
						<a href="">
							<img src="images/tcl.jpg" alt="">
						</a>
					</li>
					<li class="main_zanzhu_li">
						<a href="">
							<img src="images/huanbao.jpg" alt="">
						</a>
					</li>
					<li class="main_zanzhu_li">
						<a href="">
							<img src="images/hengyi.jpg" alt="">
						</a>
					</li>
					<li class="main_zanzhu_li">
						<a href="">
							<img src="images/zhongguozaisheng.jpg" alt="">
						</a>
					</li>
					<li class="main_zanzhu_li">
						<a href="">
							<img src="images/zaisheng.jpg" alt="">
						</a>
					</li>
					<li class="main_zanzhu_li">
						<a href="">
							<img src="images/chengshi.jpg" alt="">
						</a>
					</li>
				</ul>
				<ul class="main_zanzhu_ul">
					<li class="main_zanzhu_li">
						<a href="">
							<img src="images/zaisheng.jpg" alt="">
						</a>
					</li>
					<li class="main_zanzhu_li">
						<a href="">
							<img src="images/zhongguozaisheng.jpg" alt="">
						</a>
					</li>
					<li class="main_zanzhu_li">
						<a href="">
							<img src="images/tiangang.jpg" alt="">
						</a>
					</li>
					<li class="main_zanzhu_li">
						<a href="">
							<img src="images/jinxi.jpg" alt="">
						</a>
					</li>
					<li class="main_zanzhu_li">
						<a href="">
							<img src="images/jianlong.jpg" alt="">
						</a>
					</li>
					<li class="main_zanzhu_li">
						<a href="">
							<img src="images/hengyi.jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- end友情链接 -->
		<!-- 全产业链服务 -->
		<div class="main_zanzu">
			<p class="li_5">
				<span class="main_youqing">全产业链服务</span>
			</p>
			<div class="main_line"></div>
			<div class="pic_li">
				<img src="images/wuliu.jpg" alt="">
				<img src="images/kuangshan.jpg" alt="">
				<img src="images/chanpin.jpg" alt="">
			</div>
		</div>
		<!-- end全产业链服务 -->
		<!--footer start-->
		<footer>
			<section class="five_advantage">
				<div class="main_five_advantage">
					<div class="box_five_advantage fl">
						<i class="advantage_1"></i>
						<span>厂商直供</span>
						<div class="clearfix"></div>
					</div>
					<div class="box_five_advantage fl">
						<i class="advantage_2"></i>
						<span>品种规格齐全</span>
						<div class="clearfix"></div>
					</div>
					<div class="box_five_advantage fl">
						<i class="advantage_3"></i>
						<span>仓库加工一体</span>
						<div class="clearfix"></div>
					</div>
					<div class="box_five_advantage fl">
						<i class="advantage_4"></i>
						<span>诚聘英才</span>
						<div class="clearfix"></div>
					</div>
					<div class="box_five_advantage fl">
						<i class="advantage_5"></i>
						<span>帮助中心</span>
						<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
				</div>
			</section>
			<section class="nav_footer">
				<div class="main_nav_footer">
					<div class="box_nav_footer fl">
						<ul>
							<li>
								<a href="#">如何免费找货</a>
							</li>
							<li>
								<a href="#">资源单搜索</a>
							</li>
							<li>
								<a href="#">如何免费找车</a>
							</li>
							<li>
								<a href="#">拾起卖APP/微信</a>
							</li>
						</ul>
					</div>
					<div class="box_nav_footer fl">
						<ul>
							<li>
								<a href="#">商城采购流程</a>
							</li>
							<li>
								<a href="#">如何支付</a>
							</li>
							<li>
								<a href="#">发票查询</a>
							</li>
							<li>
								<a href="#">售后服务</a>
							</li>
						</ul>
					</div>
					<div class="box_nav_footer fl">
						<ul>
							<li>
								<a href="#">合作钢厂</a>
							</li>
							<li>
								<a href="#">商城与资源单区别</a>
							</li>
							<li>
								<a href="#">卖方资源上传</a>
							</li>
							<li>
								<a href="#">供应商合作洽谈</a>
							</li>
							<li>
								<a href="#">合作热线</a>
							</li>
						</ul>
					</div>
					<div class="box_nav_footer fl">
						<ul>
							<li>
								<a href="#">拾起卖加工简介</a>
							</li>
							<li>
								<a href="#">委托加工的优势</a>
							</li>
							<li>
								<a href="#">可委托加工的类型</a>
							</li>
							<li>
								<a href="#">找材料仓库服务信息</a>
							</li>
							<li>
								<a href="#">意见与建议</a>
							</li>
						</ul>
					</div>
					<div class="box_nav_footer fl">
						<ul>
							<li>
								<a href="#">拾起卖简介</a>
							</li>
							<li>
								<a href="#">拾起卖融资申请流程</a>
							</li>
							<li>
								<a href="#">如何使用拾起卖融资</a>
							</li>
							<li>
								<a href="#">如何还款</a>
							</li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
			</section>
			<section class="other_footer">
				<div class="main_other_footer">
					<div class="nav_main_other_footer">
						<ul>
							<li class="fl">
								<a href="#">关于我们</a>
							</li>
							<li class="fl">
								<a href="#">诚聘英才</a>
							</li>
							<li class="fl">
								<a href="#">联系我们</a>
							</li>
							<li class="fl">
								<a href="#">常见问题</a>
							</li>
							<div class="clearfix"></div>
						</ul>
					</div>
					<div class="side_footer">城市矿山官方网站
						<a href="#">www.citymine.com .cn</a> 备案号 津ICP 17003801-1 </div>
					<div class="certificate_footer">
						2015-2016年度钢材市场优秀示范企业 2016年度国家重点扶持项目 中国再生资源示范企业 2015年中国大宗商品现代流通诚信市场
					</div>
				</div>
			</section>
		</footer>
		<!--footer end-->
		<script type="text/javascript" src="lib/jquery.min.js"></script>
		<!--<script type="text/javascript" src="lib/jquery-1.10.1.min.js"></script>-->
		<script src="lib/highcharts.js"></script>
		<script type="text/javascript" src="lib/swiper-3.4.2.min.js"></script>
		<!--<script type="text/javascript" src="lib/idangerous.swiper.min.js"></script>-->
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript" src="lib/ajaxupload.js"></script>
		<script type="text/javascript" src="js/upload.js"></script>
		<script>
		</script>
	</body>

</html>
<script src="js/index-ajax.js"></script>